
	/* images and icons */

	#logo-box{
		float: left;
		height: 90px;
		width: 156px;
		text-indent: -9999em;
		background: url(../image/samuraifm-box.gif) top left no-repeat;
		margin: 0 14px 0 3px;
	}

	#logo-wide{
		float: left;
		height: 46px;
		width: 234px;
		text-indent: -9999em;
		background: url(../image/samuraifm-wide.gif) top left no-repeat;
		margin-right: 6px;
	}

	#m-image{
		position: absolute;
		top: -1px;
		left: 3px;
		height: 67px;
		width: 64px;
		background: url(../image/sfm_sheet.png) -149px -4px no-repeat;
		z-index: 100;
	}

	#e-image{
		position: absolute;
		top: 10px;
		left: 9px;
		height: 50px;
		width: 50px;
		background: url(../image/sfm_sheet.png) -156px -75px no-repeat;
		z-index: 100;
	}

	#l-image{
		position: absolute;
		top: -1px;
		left: 3px;
		height: 67px;
		width: 64px;
		background: url(../image/sfm_sheet.png) -149px -126px no-repeat;
		z-index: 100;
	}


	/* flags */

	#flag-en{
		position: absolute;
		height: 16px;
		width: 22px;
		background: url(../image/sfm_sheet.png) -90px -109px no-repeat;
		z-index: 100;
		top: 0;
		right: 0;
	}

	#flag-ja{
		position: absolute;
		height: 16px;
		width: 22px;
		background: url(../image/sfm_sheet.png) -90px -131px no-repeat;
		z-index: 100;
		top: 0;
		right: 0;
	}

	#flag-fr{
		position: absolute;
		height: 16px;
		width: 22px;
		background: url(../image/sfm_sheet.png) -90px -153px no-repeat;
		z-index: 100;
		top: 0;
		right: 0;
	}


	span.about{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -6px -77px;
		height: 36px;
		left: -12px;
		top: -5px;
		width: 35px;
	}


	span.icon-dashboard{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -6px -77px;
		height: 36px;
		left: -12px;
		top: -5px;
		width: 35px;
	}

	span.icon-event{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -45px -81px;
		height: 30px;
		left: -8px;
		top: -1px;
		width: 30px;
	}

	span.icon-upload{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -44px -118px;
		height: 30px;
		left: -8px;
		top: -1px;
		width: 30px;
	}

	span.icon-upgrade{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -10px -118px;
		height: 30px;
		left: -8px;
		top: -1px;
		width: 30px;
	}

	span.icon-about{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -10px -156px;
		height: 30px;
		left: -8px;
		top: -1px;
		width: 30px;
	}

	span.icon-feed{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -44px -195px;
		width: 30px;
		height: 30px;
		right: -4px;
		top: -1px;
	}

	span.icon-favourites{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -44px -155px;
		width: 30px;
		height: 30px;
		right: -4px;
		top: -1px;
	}

	span.icon-dropbox{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -11px -196px;
		width: 29px;
		height: 28px;
		right: -3px;
		top: 0;
	}

	span.icon-settings{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -79px -196px;
		width: 29px;
		height: 29px;
		right: -3px;
		top: 0;
	}


	span.icon-edit{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -79px -234px;
		width: 29px;
		height: 29px;
		left: -8px;
		top: -1px;
	}

	span.icon-stats{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -79px -271px;
		width: 29px;
		height: 29px;
		left: -8px;
		top: -1px;
	}

	span.icon-artist{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -10px -156px;
		width: 30px;
		height: 30px;
		top: -1px;
		left: -8px;
	}

	span.icon-feature{
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -47px -276px;
		width: 22px;
		height: 18px;
		display: block;
		float: left;
	}


	div.cursor{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -11px -196px;
		width: 29px;
		height: 28px;
		display: none;
	}

	span.form-radio{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -49px -310px;
		width: 19px;
		height: 19px;
		top: -1px;
	}

	span.form-radio.on{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -49px -334px;
		width: 19px;
		height: 19px;
		top: -1px;
	}


	span.form-check{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -13px -310px;
		width: 19px;
		height: 19px;
		top: -1px;
	}

	span.form-check.on{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -13px -334px;
		width: 19px;
		height: 19px;
		top: -1px;
	}


	span.btn-x1{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -14px -365px;
		width: 19px;
		height: 19px;
		left: 0;
	}

	span.btn-x1:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -37px -365px;
		width: 19px;
		height: 19px;
		left: 0;
		cursor: pointer;
	}

	span.btn-x2{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -62px -368px;
		width: 13px;
		height: 13px;
		right: 0;
		top: 2px;
	}

	span.btn-x2:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -80px -368px;
		width: 13px;
		height: 13px;
		right: 0;
		top: 2px;
		cursor: pointer;
	}

	span.btn-add{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -96px -365px;
		width: 19px;
		height: 19px;
		left: 0;
	}

	span.btn-add:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -118px -365px;
		width: 19px;
		height: 19px;
		left: 0;
		cursor: pointer;
	}

	span.btn-fav{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -11px -395px;
		width: 20px;
		height: 25px;
		right: 0;
		top: 0;
	}

	span.btn-fav:hover, span.btn-fav.active{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -32px -395px;
		width: 20px;
		height: 25px;
		right: 0;
		top: 0;
		cursor: pointer;
	}


	span.btn-info{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -56px -389px;
		width: 20px;
		height: 25px;
		right: 0px;
		top: 20px;
	}

	span.btn-info:hover, span.btn-info.active{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -79px -389px;
		width: 20px;
		height: 25px;
		right: 0px;
		top: 20px;
		cursor: pointer;
	}

	span.btn-follow{
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -58px -447px;
		width: 22px;
		height: 22px;
		bottom: 0;
		position: absolute;
		margin-left: 10px;
	}

	span.btn-follow:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -86px -447px;
		width: 22px;
		height: 22px;
		bottom: 0;
		margin-left: 10px;
		cursor: pointer;
	}

	span.btn-unfollow{
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -115px -447px;
		width: 22px;
		height: 22px;
		bottom: 0;
		position: absolute;
		margin-left: 10px;
	}

	span.btn-unfollow:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -143px -447px;
		width: 22px;
		height: 22px;
		bottom: 0;
		margin-left: 10px;
		cursor: pointer;
	}

	input.btn-search{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -11px -234px;
		width: 29px;
		height: 29px;
	}

	input.btn-search:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -11px -271px;
		width: 29px;
		height: 29px;
		cursor: pointer;
	}

	input.btn-shout{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -88px -47px;
		width: 28px;
		height: 26px;
		top: 9px;
		right: 0;
	}

	input.btn-shout:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -88px -76px;
		width: 28px;
		height: 26px;
		top: 8px;
		right: 0;
		cursor: pointer;
	}

	span.btn-edit{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -106px -424px;
		width: 20px;
		height: 18px;
		top: 0;
		right: 0;
	}

	span.btn-edit:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -126px -424px;
		width: 20px;
		height: 18px;
		top: 0;
		right: 0;
		cursor: pointer;
	}

	span.icon-shout{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -14px -478px;
		width: 16px;
		height: 16px;
		left: -19px;
		top: -1px;
	}

	span.icon-tlist{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -58px -427px;
		width: 16px;
		height: 16px;
		left: -20px;
		top: -1px;
	}

	span.icon-share{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -190px -477px;
		width: 16px;
		height: 17px;
		left: -20px;
		top: -2px;
	}

	span.icon-music{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -125px -478px;
		width: 16px;
		height: 16px;
		left: -20px;
		top: -3px;
	}

	span.icon-rollcall{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -168px -478px;
		width: 17px;
		height: 16px;
		left: -20px;
		top: -2px;
	}


	div.cal {
		display: block;
		text-align: center;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -83px -7px;
		width: 32px;
		height: 32px;
		float: left;
		margin-right: 10px;
		color: #EAEAEA;
	}

		div.cal div.date_m {
			font-size: 9px;
			margin: 0;
			padding-top: 2px;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			font-family: Helvetica, Arial, sans-serif;
		}

		div.cal div.date_d {
			display: block;
			font-size: 16px;
			margin: 0;
			padding-top: 2px;
			text-align: center;
			font-family: Helvetica, Arial, sans-serif;
			font-weight: normal;
		}

		div.cal div.date_d:lang(ja){
			padding-top: 1px;
			font-size: 15px;
		}


	span.social_facebook{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -260px -7px;
		width: 32px;
		height: 32px;
	}

	span.social_flickr{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -260px -44px;
		width: 32px;
		height: 32px;
	}

	span.social_myspace{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -260px -79px;
		width: 32px;
		height: 32px;
	}

	span.social_twitter{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -260px -117px;
		width: 32px;
		height: 32px;
	}

	span.social_soundcloud{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -260px -193px;
		width: 32px;
		height: 32px;
	}

	span.social_discogs{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -260px -232px;
		width: 32px;
		height: 32px;
	}

	span.social_beatport{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -260px -154px;
		width: 32px;
		height: 32px;
	}

		
	span.social_facebook.active, span.social_facebook:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -222px -7px;
		width: 32px;
		height: 32px;
	}

	span.social_flickr.active, span.social_flickr:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -222px -44px;
		width: 32px;
		height: 32px;
	}

	span.social_myspace.active, span.social_myspace:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -222px -79px;
		width: 32px;
		height: 32px;
	}

	span.social_twitter.active, span.social_twitter:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -222px -117px;
		width: 32px;
		height: 32px;
	}

	span.social_soundcloud.active, span.social_soundcloud:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -222px -193px;
		width: 32px;
		height: 32px;
	}

	span.social_discogs.active, span.social_discogs:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -222px -232px;
		width: 32px;
		height: 32px;
	}

	span.social_beatport.active, span.social_beatport:hover{
		position: absolute;
		z-index: 100;
		background: url(../image/sfm_sheet.png) no-repeat;
		background-position: -222px -154px;
		width: 32px;
		height: 32px;
	}
